// ***********************表单验证****************
/**
 * 1. len  - 验证长度；（三个输入框都需要用）
 * 2. diff - 新密码不能和原密码相同（新密码使用）
 * 3. same -两次新密码必须一致（确认新密码使用）
 */

//  layui 内置模块 - form  先加载模块
let form = layui.form;

// 使用自定的表单验证属性
form.verify({
  len: [/^\S{6,12}$/, '请输入6-12位的密码'],
  diff: function (val) {
    let oldPwd = $('input[name=oldPwd]').val();
    if (val === oldPwd) {
      return '新密码和旧密码不能相同'
    }
  },
  same: function (val) {
    let newPwd = $('input[name=newPwd]').val();
    console.log(newPwd);
    if (newPwd !== val) {
      return '两次密码不相同'
    }
  }
})

// ------------------------   Ajax提交，完成更新 ---------------------
// 表单提交事件 --> 阻止默认行为 --> 收集原密码和新密码 --> ajax提交

$('form').on('submit', function (ev) {
  ev.preventDefault();
  $.ajax({
    url: '/my/updatepwd',
    type: 'post',
    data: $(this).serialize(), //获取表单的所有值
    success: function (res) {
      layer.msg(res.message);  //弹出层 提示信息
      if (res.status === 0) { //获取成功
        $('form')[0].reset();  //转为DOM对象  调用reset() 重置表单
      }
    }
  })

})